@page("SuperAdminPanel"){ 
 @loginheader("SuperAdminPanel")
<div class="tabbable tabs-left">
  <ul class="nav nav-tabs">
   <li class="active"><a href="#tab1" data-toggle="tab">List Administrators</a></li>
    <li><a href="#tab2" data-toggle="tab">Add New Administrator</a></li>
    <li><a href="#tab3" data-toggle="tab">Update/Delete Administrator</a></li>
  </ul>
  <div class="tab-content">
    <div class="tab-pane active" id="tab1">
      
      <div class="input-append">
         <form class="form-horizontal">
         <input class="span3" id="searchAdmin" type="text">
           <div class="btn-group">
			    <button class="btn dropdown-toggle" data-toggle="dropdown">
			      Search
			      <span class="caret"></span>
			    </button>
			    <ul class="dropdown-menu">
			      <li><a tabindex="-1" href="#">by AdminName</a></li>
				  <li><a tabindex="-1" href="#">by Email</a></li>
				  <li><a tabindex="-1" href="#">by ID</a></li>
			    </ul>
            </div>
          </div>
      </form>
      <table class="table table-hover">
			<caption><h3>Administrators List</h3></caption>
			  <thead>
			    <tr>
			      <th>ID</th>
			      <th>Name</th>
			      <th>Surname</th>
			      <th>E-Mail</th>
			      <th>Super Admin</th>
			    </tr>
			  </thead>
			  <tbody>
			    <tr>
			      <td>1</td>
			      <td>Oznur</td>
			      <td>Oznur</td>
			      <td>Oznurægmail.com</td>
			      <td>Yes</td>
			    </tr>
			    <tr>
			      <td>2</td>
			      <td>Oznur</td>
			      <td>Oznur</td>
			      <td>Oznurægmail.com</td>
			      <td>No</td>
			    </tr>
			  </tbody>
      </table>
    </div>
    <div class="tab-pane" id="tab2">
      <h3>New Administrator</h3>
	<p>
		<form class="form-horizontal">
		  <div class="control-group">
		    <label class="control-label" for="inputName">Name</label>
		    <div class="controls">
		      <input type="text" id="inputName" placeholder="Name">
		    </div>
		  </div>
		  <div class="control-group">
		    <label class="control-label" for="inputSurname">Surname</label>
		    <div class="controls">
		      <input type="text" id="inputSurname" placeholder="Surname">
		    </div>
		  </div>
		  <div class="control-group">
		    <label class="control-label" for="inputEmail">Email</label>
		    <div class="controls">
		      <input type="text" id="inputEmail" placeholder="Email">
		    </div>
		  </div>
		  <div class="control-group">
		    <label class="control-label" for="inputPassword">Password</label>
		    <div class="controls">
		      <input type="password" id="inputPassword" placeholder="Password">
		    </div>
		  </div>
		   <div class="control-group">
		    <label class="control-label" for="inputPhone">Phone</label>
		    <div class="controls">
		      <input type="text" id="inputPhone" placeholder="Phone">
		    </div>
		  </div>
		  <div class="control-group">
		    <label class="control-label" for="inputAdd1">Address Line1</label>
		    <div class="controls">
		      <input type="text" id="inputAdd1" placeholder="Add1">
		    </div>
		  </div>
		  <div class="control-group">
		    <label class="control-label" for="inputAdd2">Address Line2</label>
		    <div class="controls">
		      <input type="text" id="inputAdd2" placeholder="Add2">
		    </div>
		  </div>
		  <div class="control-group">
		    <label class="control-label" for="inputCity">City</label>
		    <div class="controls">
		      <input type="text" id="inputCity" placeholder="City">
		    </div>
		  </div>
		  <div class="control-group">
		    <label class="control-label" for="inputCountry">Country</label>
		    <div class="controls">
		      <select id="inputCountry">
		      	<option> Turkey </option>
		      	<option> Germany </option>
		      	<option> Japan </option>
		      	<option> USA </option>
		      	<option> ... </option>
		      </select>
		    </div>
		  </div>
		  <div class="control-group">
		    <div class="controls">
		      <label class="checkbox">
              <input type="checkbox"> Super Admin
              </label>
		      <button type="submit" class="btn">Add New Admin</button>
		      @eduneralogo(1)
		    </div>
		  </div>
		</form>
    </div>
    <div class="tab-pane" id="tab3">
      <p>This Section will be updated after database connections and your reviews</p>
    </div>
  </div>
</div>
}